<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <div id="app">
        11
        <div style="color:yellow">姓名 {{name}}</div>
    </div>
    <!-- <script src="https://cdn.bootcdn.net/ajax/libs/vue/2.5.0/vue.js"></script> -->
    <script src="dist/umd/vue.js"></script>
    <script>
        Vue.mixin({
            created(){
                console.log("mixin created");
            }
        })
        Vue.mixin({
            created(){
                console.log("mixin2 created");
            }
        })
        // 渲染逻辑：1. 先找render方法  2. 再找template 3. 找el属性   4. vm.$mount
       let vm = new Vue({
            el: '#app',
            data(){
                return {
                  name: '王志远',
                  age: 23
                }
            },
            // render(_c){
            //    return _c('div',{
            //         id: 'app'
            //     },[_c('div',{style: 'color:yellow'},`姓名 ${this.name}`),_c('span',{},'111')])
            // }
            created () {
                console.log("my created");
            }
        })
// // 数组方法的劫持
// vm._data.a.shift();
// // 数组内对象的劫持
// vm._data.a[2].b = 22;
// vm.a.shift();
    </script>
</body>
</html>